<template>
	<view class="uni-flex-column content">
		<text class="title">商场已关闭</text>
		<text class="tip">{{ mallBaseinfo.remark }}</text>
		<vimage class="col_img" mode="widthFix" imgtype="1" src="static/images/close.png"></vimage>
	</view>
</template>

<script>
import {mapState, mapMutations} from 'vuex';

export default {
	data() {
		return {
			mallBaseinfo: {}
		};
	},
	mounted() {
		// this.getjuris('mallBase').then(res => {
		// 	this.mallBaseinfo = res;
		// 	if (res.is_open) {
		// 		this.Jumpurl({
		// 			link: '../index/index',
		// 			type: 1
		// 		});
		// 	}
		// });
		this.getmallBase()
	},
	methods: {
		getmallBase() {
			this.$http('/configuration/mallBase', {}, 'get').then(res => {
				let mallBaseinfo = res.data.msg;
				if (mallBaseinfo.is_open) {
					this.Jumpurl({
						link: '../index/index',
						type: 1
					});
				}
				this.$store.commit('setBaseinfo', mallBaseinfo);
				this.$store.commit('setmallBase', mallBaseinfo);
			});
		}
	}
};
</script>

<style lang="scss">
.content {
	height: 100vh;
	font-size: 40rpx;
	// align-items: center;
	// justify-content: center;
	// text {
	// 	padding: 0 60rpx;
	background-color: #ffffff;
	// }
	.title {
		font-size: 52rpx;
		font-family: SourceHanSansCN-Normal;
		color: #000000;
		// letter-spacing: 100px;
		padding: 60rpx 0 18rpx 36rpx;
	}
	.tip {
		font-size: 36rpx;
		font-family: SourceHanSansCN-Normal;
		color: #000000;
		// letter-spacing: 100px;
		padding: 0rpx 0 18rpx 36rpx;
	}
	.col_img {
		margin-left: 30rpx;
		width: 660rpx;
		margin-top: 80rpx;
	}
	/* margin-top: 10px; */
}
</style>
